<include file="../Home/Default/Public/head" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
			
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/User/css/user-account@ad8880b9db7e6a933e12142c1d68629d.css">
    <script src="./【去哪儿网】账号设置_files/jquery-1.7.2.js"></script>
    <script src="./【去哪儿网】账号设置_files/user-account@8024052a1795fabf8118ba738ea41c0f.js"></script>
    <title>云游账号设置</title>
    <link href="__PUBLIC__/Admin/css/hwLayer.css" rel="stylesheet" type="text/css" />

<!--账号设置-->
<div class="l_s175m770 clr_after">
    <!--账号查询-->
    <div class="l_s175">
      	<div class="q_ucsidebar q_ucsidebar_user_exp">
         	<link data-hfstamp="20161012173924" id="hf-style-sidebar" data-hffile="ucsidebar_setting_styles" rel="stylesheet" href="__PUBLIC__/User/css/ucsidebar_setting@cc3a81fbb12c2bcd46de44e7ac195d50.css">
	        <ul>
	         	<li class="q_ucsidebar_traveller"><a href="{:U('User/Index/index')}">账号信息</a></li> 
	         	<li class="q_ucsidebar_binding"><a href="{:U('User/Orders/index')}">历史订单</a></li> 
	        </ul>              
      	</div>
    </div>
    <!--大div-->
	<div class="l_m770 g-main-ctn">
	<div id="g-main-ctn" avalonctrl="main">
	<!--基本信息-->
	<div id="m-us-block-basic" class="g-us-block m-us-block-basic" avalonctrl="basic">
		<div class="content-body">
			<div class="header-ctn">
				<div class="header-img"><img width="150" height="150" src="__PUBLIC__/Home/images/tou.png">
					<div class="changer">修改头像</div>
				</div>
			</div>
			<div class="info-ctn">
				<div class="line"><span class="label">昵称</span><span class="detail">{$users["nickname"]}</span><span class="remark">昵称不可用于登录，可随时修改</span>
				</div>
				<div class="line">
					<span class="label">QQ</span><span class="detail">
					<if condition="$users_detail.qq == 0">
						未设置
					<else />
						{$users_detail["qq"]}
					</if>
					</span>
				</div>
				<div class="line">
					<span class="label">身份证</span><span class="detail">
					<if condition="$users_detail.identify == 0">
						未设置
					<else />
						{$users_detail["identify"]}
					</if>
					</span>
				</div>
				<div class="line">
					<span class="label">性别</span><span class="detail">
					<if condition="$users_detail.sex == 0">
						保密
					<elseif condition="$users_detail.sex == 1"/>
						男
					<else/>
						女
					</if>
					</span>
				</div>
			</div>
			<div class="container">
            <div class="demo">
                <div class="optlist">
                    <a class="btn  show-layer" data-show-layer="hw-layer" role="button" style="float:right;margin-right:20px">修改</a>
                </div>
                <div class="hw-overlay" id="hw-layer">
                    <div class="hw-layer-wrap">
                        <span class="glyphicon glyphicon-remove hwLayer-close"></span>
                        <div class="row">
                            <div class="col-md-9 col-sm-12">
                                    <form action="{:U('User/Index/edit_users')}" method="post" class="col-md-9 col-sm-12">
                                        <font class="fontstyle">会员昵称：</font><input class="ipt" type="text" name="nickname" value="{$users["nickname"]}" style="border:1px solid #c2c2c2"><br><br>
                                        <font class="fontstyle">QQ&nbsp&nbsp信息：</font><input class="ipt" type="text" name="qq" value="{$users_detail["qq"]}" style="border:1px solid #c2c2c2"><br><br>
                                        <font class="fontstyle">身份证号：</font><input id="password" class="ipt" type="text"  name="identify" value="{$users_detail["identify"]}" style="border:1px solid #c2c2c2"><br><br>
                                        <font class="fontstyle">性别：</font>
                                        <if condition="$users_detail.sex == '1'">
										<input type="radio" name="sex" value="1" checked="check">男
										<else />
											<input type="radio" name="sex" value="1">男
										</if>
										<if condition="$users_detail.sex == '2'">
										<input type="radio" name="sex" value="2" checked="check">女
										<else />
											<input type="radio" name="sex" value="2">女
										</if>
										<if condition="$users_detail.sex == '0'">
										<input type="radio" name="sex" value="0" checked="check">保密
										<else />
											<input type="radio" name="sex" value="0">保密
										</if>
                                        <br><br>
                                        <input class="btn  show-layer" type="submit"  value="保存" style="float:right">
                                    </form>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
		</div>
	</div>



	<!--安全设置-->
	<div id="m-us-block-security" class="g-us-block" avalonctrl="security">
		<div class="top-line">
			<div class="title-ctn">
				<div class="title">
						安全设置
				</div>
				<div class="title-note">
				</div>
			</div>
		</div>
		<div class="content-body">
			<div id="m-setting-item-pwd" class="item item-tolerableness">
				<!--密码修改-->
				<div class="detail-line">
					<div class="icon"></div>
					<div class="label">
						登录密码
					</div>
					<div class="state">中级</div>
					<div class="explain">
						密码长度为8-30个字符，建议由数字、字母、符号组成<span class="more">，不宜与注册手机号相同<span>
					</span></span></div>
					<div class="opt">
					</div>
				</div>
			</div>
			<div id="m-setting-item-email" class="item item-warn">
				<!--邮箱设置-->
				<div class="detail-line">
					<div class="icon"></div>
					<div class="label">
						邮箱绑定
					</div>
					<div class="state">
						<if condition="$users.email == ''">
						未绑定
						<else />
							{$users["email"]}
						</if>
					</div>
					<div class="explain">
						可以通过邮箱登录和找回密码
					</div>
					<div class="opt">
						
					</div>
				</div>
			</div>
			<div id="m-setting-item-mobile" class="item item-ok">
				<!--手机绑定-->
				<div class="detail-line">
					<div class="icon"></div>
					<div class="label">
						手机绑定
					</div>
					<div class="state">
						<if condition="$users.mobile == ''">
							未绑定
						<else />
							{$users["mobile"]}
						</if>
					</div>
					<!--ms-if-->
					<div class="explain">
						可以通过手机登录和找回密码
					</div>
					<div class="opt">
						
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--登录历史-->
	<div id="m-us-block-logins" class="g-us-block" avalonctrl="loginHistory">
		<div class="top-line">
			<div class="title-ctn">
				<div class="title">登录历史</div>
				<div class="title-note">
					以下为您最近的登录记录<span>，若存在异常情况，请在核实后尽快
					<a beaconid="logins-modify-pwpd" href="">修改密码</a></span>，或到云游旅行客户端进行设备管理。
				</div>
			</div>
		</div>
		<div class="content-body">
			<table>
				<tbody>
				<tr>
					<th class="date">日期</th>
					<th class="time">时间</th>
					<th class="addr">地点</th>
					<th class="device">设备</th>
				</tr>
				<tr style="display: table-row;">
					<td class="date">2016年10月22日</td>
					<td class="time">10:13:53</td>
					<td class="addr">南京市</td>
					<td class="device">电脑：Chrome 48@Windows 7</td>
				</tr>
				</tbody>
			</table>
		</div>
	</div>
	</div>
	</div>
</div>
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
	<script>
	    $(function() {
	        //展示层
	        function showLayer(id) {
	            var layer = $('#' + id),
	                    layerwrap = layer.find('.hw-layer-wrap');
	            layer.fadeIn();
	            //屏幕居中
	            layerwrap.css({
	                'margin-top': -layerwrap.outerHeight() / 2
	            });
	        }

	        //隐藏层
	        function hideLayer() {
	            $('.hw-overlay').fadeOut();
	        }

	        $('.hwLayer-ok,.hwLayer-cancel,.hwLayer-close').on('click', function() {
	            hideLayer();
	        });

	        //触发弹出层
	        $('.show-layer').on('click', function() {
	            var layerid = $(this).data('show-layer');
	            showLayer(layerid);
	        });

	        //点击或者触控弹出层外的半透明遮罩层，关闭弹出层
	        $('.hw-overlay').on('click', function(event) {
	            if (event.target == this) {
	                hideLayer();
	            }
	        });

	        //按ESC键关闭弹出层
	        $(document).keyup(function(event) {
	            if (event.keyCode == 27) {
	                hideLayer();
	            }
	        });
	    });
	</script>
	<div class="clear"></div> 
<include file="../Home/Default/Public/footer" />